
import { WeElement, define } from 'omi'

import './index.css'

import {get} from '../../../utils/util.js'

const app = getApp();

define('page-address', class extends WeElement {
  config = {
    navigationBarTitleText: '我的收货地址'
  }

  data = {
    info:[]
  }

  onShow(){
    this.data.info = [];
    //地址列表数据请求   
    get('https://yaochiwanback.bluej.cn/api/refund/get_address_list').then((res) => {
      // console.log(res)
      for (let i = 0; i < res.data.length; i++) {
        this.data.info.push({
          address_id: res.data[i].address_id,
          name: res.data[i].address_realname,
          phone: res.data[i].address_mob_phone,
          area_info: res.data[i].area_info + " ",
          address_detail: res.data[i].address_detail,
          checked: res.data[i].address_is_default == '1' ? true : false
        })
      }
      this.update();
    })
  }

  install() {
    

    // this.data.info = [
    //   {
    //     name:"张三张三",
    //     phone: "13780000000",
    //     area_info: "广东省广州市什么县",
    //     address_detail:"什么什么路 多少号 多少栋 多少单元 多少层 000",
    //     checked:true
    //   },
    //   {
    //     name: "李四李四",
    //     phone: "13780000000",
    //     area_info: "广东省广州市什么县",
    //     address_detail: "什么什么路 多少号 多少栋 多少单元 多少层 000",
    //     checked: false
    //   },
    //   {
    //     name: "王五曹仔聪王五曹仔聪王五曹仔聪王五曹仔聪",
    //     phone: "13780000000",
    //     area_info: "广东省广州市什么县",
    //     address_detail: "什么什么路 多少号 多少栋 多少单元 多少层 000",
    //     checked: false
    //   },
    // ]
    
    this.update()
  }
  //默认项选择设置（功能阉割）
  radioChange=(e)=>{
    // console.log(e);
  }
  //编辑地址
  editor=(e)=>{
    console.log("编辑地址")
    // console.log(e)
    // console.log(this.data.info[e.target.dataset.infoindex])
    wx.navigateTo({
      url: '../add_shipping_address/index?data=' + JSON.stringify(this.data.info[e.target.dataset.infoindex])
    })
    
  }
  //添加新地址
  navigateToAdd=()=>{
    wx.navigateTo({
      url: '../add_shipping_address/index'
    })
  }
  //选择地址返回
  backToApply=(e)=>{
    // console.log(e)
    // console.log(e.currentTarget.dataset.addressindex)
    // console.log(app)
    app.globalData.select_address = this.data.info[e.currentTarget.dataset.addressindex];
    // this.update();
    // console.log(app.globalData.select_address)
    wx.navigateBack({
      delta: 1
    })
  }

  render() {
    return (
      <view class="container">
        <view class="content">
          <radio-group class="radio_group" bindchange={radioChange}>
            {
              info.map((item,index)=>{
                return <view class="box" key={index}>
                  <view class="desc">
                    <label class="address">
                      <radio 
                        value={item.name} 
                        checked={item.checked}
                        disabled={true}
                        color="#fff"
                        border="1px solid #ff4e00"
                      ></radio>
                    </label>
                    <view class="info" data-addressindex={index} bindtap='backToApply'>
                      <view class="name">{item.name}</view>
                      <view class="phone">{item.phone}</view>
                      <view class="where">{item.area_info}{item.address_detail}</view>
                    </view>
                  </view>
                  <view class="editor" data-infoIndex={index} bindtap={this.editor}>编辑</view>
                </view>
              })
            }
          </radio-group>
          <button class="save" bindtap={navigateToAdd}>添加新地址</button>
        </view>
      </view>
      
    )
  }
})